import React, { useState } from 'react';
import { RouteComponentProps } from 'react-router-dom';
import { Header, Footer, CityCascader } from '../../components';
import './index.less';
interface MatchParams {}

export const Inquiry: React.FC<RouteComponentProps<MatchParams>> = (props) => {
  const defaultValue: any[] = ['北京', '北京', '朝阳区', '南磨房地区办事处'];
  const [checkCity, setCheckCity] = useState();
  console.log(checkCity);
  return (
    <div>
      <Header></Header>
      <div className='inquiry'>
        <div className='top'>
          <h1>快速询价</h1>
        </div>
        <CityCascader
          defaultValue={defaultValue}
          setCheckCity={setCheckCity}
        ></CityCascader>
      </div>

      <Footer></Footer>
    </div>
  );
};
